<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="Component" content="width=device-width, initial-scale=1.0">
        <title>Component Test</title>

        <!-- 字体链接 -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">

        <link rel="stylesheet" id="style-css" href="./IntputRange.css" type="text/css" media="all">

    </head>

    <style>
        body {
            background-color: rgba(239, 242, 255, 1);
        }
    </style>

    <body>

        <!-- 滑块组件 -->
        <div class="inputRange">
            <label for="range">
                <input type="range" id="range">
                <span class="track"> <span class="cover"></span> </span>
            </label>
        </div>

    </body>

    <script src="./IntputRange.js" type="text/javascript"></script>
</html>
